.page-personal {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  .poster_modal{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.4);
    .poster{
      width: 200px;
      height: 200px;
      position: absolute;
      background-color: rgba(242, 240, 240, 1);
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      img {
        width: 200px;
        height: 200px;
        background-color: #fff; //设置白色背景色
        padding: 10px; // 利用padding的特性，挤出白边
      }
      .btn{
        width: 200px;
        position: absolute;
        left: 0;
        bottom: -40px;
        display: flex;
        justify-content: space-between;
        .close,.download{
          width:80px;
          height:30px;
          color:#fff;
          background-color: var(--theme-color);
          border-radius: 5px;
          line-height: 30px;
          text-align: center;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          cursor: pointer;
        }
      }
    }
  }
  .page-personal-container {
    margin: auto;
    width: 1203px;
    padding-bottom: 20px;
    .ivu-row {
      .ivu-col-span-5 {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
        background-color: #f7f7f7;
        height: 100%;
        .headpos {
          width: 100%;
          height: 310px;
          padding-top: 58px;
          .head-portrait {
            width: 100px;
            height: 100px;
            border: none;
            margin: auto;
            box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px 0px;
            opacity: 1;
            overflow: hidden;
            border-radius: 50px;
            > img {
              width: 100%;
              height: auto;
            }
          }
          .basismess {
            text-align: center;
            margin-top: 25px;
            .b1 {
              font-family: SourceHanSansSC;
              font-weight: 700;
              font-size: 18px;
              color: rgb(16, 16, 16);
              font-style: normal;
              letter-spacing: 0px;
              line-height: 27px;
              text-decoration: none;
            }
            .b2 {
              margin-top: 3px;
              font-family: SourceHanSansSC;
              font-weight: 400;
              font-size: 14px;
              color: rgb(16, 16, 16);
              font-style: normal;
              letter-spacing: 0px;
              line-height: 20px;
              text-decoration: none;
            }
          }
          .sign-in {
            width: 100%;
            height: auto;
            .ivu-btn {
              width: 75px;
              height: 28px;
              background-color: var(--theme-color);
              border-color: rgb(187, 187, 187);
              border-width: 0px;
              border-style: solid;
              border-radius: 4px;
              font-size: 14px;
              margin: 22px auto;
              display: block;
              text-align: center;
              line-height: 18px;
              font-weight: normal;
              font-style: normal;
              opacity: 1;
              .ivu-icon {
                color: #ffffff;
                font-weight: bold;
              }
              > span {
                color: rgba(255, 255, 255, 1);
                font-size: 14px;
                font-family: SourceHanSansSC-regular;
              }
            }
          }
        }
        .ivu-menu {
          width: 100% !important;
          background-color: #f7f7f7;
          .ivu-menu-item-group {
            overflow: hidden;
            .ivu-menu-item-group-title {
              display: none;
            }
            .ivu-menu-item {
              text-align: center;
              margin-bottom: 3px;
              background-color: #ffffff;
              padding: 0;
              height: 54px;
              line-height: 54px;
              width: 100%;
              text-align: left;
              padding-left: 17px;
              color: rgba(0, 0, 0, 1);
              font-size: 18px;
              font-family: SourceHanSansSC-bold;
              .ivu-icon {
                color: var(--theme-color);
                padding-right: 10px;
              }
            }
            .ivu-menu-item-active {
              .ivu-icon {
                color: #ffffff;
              }
            }
            .ivu-menu-item:after {
              background: none;
            }
          }
          .ivu-menu-item-active:not(.ivu-menu-submenu) {
            background: var(--theme-color);
            color: #ffffff;
          }

          .ivu-menu-vertical:after {
            width: 0px;
            background: none;
          }
        }
        .unlogin {
          position: relative;
          width: 100%;
          height: 232px;
          > a {
            font-family: SourceHanSansSC;
            font-weight: 700;
            font-size: 16px;
            color: var(--theme-color);
            font-style: normal;
            letter-spacing: 2px;
            line-height: 24px;
            text-decoration: none;
            position: absolute;
            right: 25px;
            bottom: 23px;
          }
        }
      }
      .ivu-col-span-19 {
        padding-left: 8px;
        .ivu-tabs {
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
          width: 100%;
          height: 826px;
          // height: 770px;
          position: relative;
          > .ivu-tabs-bar {
            border-bottom: none;
            margin-bottom: 0px;
          }
          .ivu-tabs-content {
            // 学习进度
            .learning_process {
              width: 99%;
              margin: 0 auto;
              .learningpos {
                .learing_prefix {
                  margin: 37px 0px 32px 55px;
                  display: flex;
                  .p1 {
                    width: 10px;
                    height: 31px;
                    background-color: var(--theme-color);
                    border: none;
                    font-size: 14px;
                    padding: 0px;
                    margin-right: 10px;
                    text-align: center;
                    line-height: 20px;
                    font-weight: normal;
                    font-style: normal;
                    opacity: 1;
                  }
                  > p {
                    font-family: SourceHanSansSC;
                    font-weight: 700;
                    font-size: 22px;
                    color: rgb(16, 16, 16);
                    font-style: normal;
                    letter-spacing: 0px;
                    line-height: 31px;
                    text-decoration: none;
                  }
                }
                .ivu-btn {
                  position: absolute;
                }
              }
              .ivu-page {
                margin-top: 12px;
                text-align: center;
                // position: absolute;
                // right: 45px;
                // bottom: 60px;
              }
            }
            // 考试分析
            .test_analysis {
              width: 100%;
              .test_prefix {
                margin: 37px 0px 32px 55px;
                display: flex;
                .p1 {
                  width: 10px;
                  height: 31px;
                  background-color: var(--theme-color);
                  border: none;
                  font-size: 14px;
                  padding: 0px;
                  margin-right: 10px;
                  text-align: center;
                  line-height: 20px;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 22px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 31px;
                  text-decoration: none;
                }
              }
              .ivu-table-wrapper {
                margin: auto;
              }
              .ivu-page {
                margin-top: 12px;
                text-align: center;
              }
            }
            // 用户信息
            .user_information {
              .user_prefix {
                margin: 37px 0px 32px 55px;
                display: flex;
                .p1 {
                  width: 10px;
                  height: 31px;
                  background-color: var(--theme-color);
                  border: none;
                  font-size: 14px;
                  padding: 0px;
                  margin-right: 10px;
                  text-align: center;
                  line-height: 20px;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > a {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 14px;
                  color: var(--theme-color);
                  font-style: normal;
                  letter-spacing: 2px;
                  line-height: 20px;
                  text-decoration: none;
                  padding: 8px 0px 0px 22px;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 22px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 31px;
                  text-decoration: none;
                }
              }
              .singlepos {
                display: flex;
                font-family: SourceHanSansSC;
                margin: 7px 75px;
                font-weight: 400;
                font-size: 14px;
                color: rgb(16, 16, 16);
                font-style: normal;
                letter-spacing: 0px;
                line-height: 20px;
                text-decoration: none;
                .personal_introduct {
                  width: 549px;
                  word-break: break-all;
                  white-space: normal;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }
                > p {
                  line-height: 30px;
                  margin-right: 11px;
                }
              }
              .ivu-row {
                margin: 20px 75px;
                width: 628px;
                .ivu-col-span-12 {
                  display: flex;
                  > p {
                    margin-right: 20px;
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: 14px;
                    color: rgb(16, 16, 16);
                    font-style: normal;
                    letter-spacing: 0px;
                    line-height: 28px;
                    text-decoration: none;
                  }
                }
                .ivu-col-span-6 {
                  display: flex;
                  > p {
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: 14px;
                    color: rgb(16, 16, 16);
                    font-style: normal;
                    letter-spacing: 0px;
                    line-height: 28px;
                    text-decoration: none;
                  }
                  > button {
                    width: 50px;
                    height: 24px;
                    border: none;
                    border-radius: 4px;
                    font-size: 14px;
                    text-align: center;
                    background-color: var(--theme-color);
                    color: #ffffff;
                    line-height: 20px;
                    font-weight: normal;
                    font-style: normal;
                    opacity: 1;
                    cursor: pointer;
                  }
                  .ivu-badge {
                    .ivu-badge-dot {
                      right: 34px;
                      height: 4px;
                      width: 4px;
                    }
                  }
                }
              }
              .ivu-tabs {
                .ivu-tabs-content {
                  .ivu-tabs-tabpane {
                    .ivu-form {
                      margin-left: 87px;
                      .ivu-form-item {
                        .ivu-form-item-label {
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 16px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          line-height: 24px;
                          text-decoration: none;
                        }
                        .ivu-form-item-content {
                          .ivu-input-wrapper {
                            .ivu-input-inner-container {
                              .ivu-input {
                                height: 40px;
                                border-color: rgb(187, 187, 187);
                                border-width: 1px;
                                border-style: solid;
                                border-radius: 4px;
                                font-size: 14px;
                                text-align: left;
                                font-weight: normal;
                                font-style: normal;
                                opacity: 1;
                              }
                            }
                          }
                          .ivu-btn {
                            width: 135px;
                            height: 40px;
                            margin-left: 10px;
                            background-color: rgb(219, 219, 219);
                            border: none;
                            border-radius: 4px;
                            font-size: 14px;
                            padding: 0px;
                            text-align: center;
                            line-height: 20px;
                            font-weight: normal;
                            font-style: normal;
                            opacity: 1;
                          }
                        }
                      }
                    }
                    .ivu-btn {
                      width: 200px;
                      height: 40px;
                      margin-left: 213px;
                      background-color: var(--theme-color);
                      border: none;
                      color: rgb(255, 255, 255);
                      border-radius: 4px;
                      font-size: 16px;
                      padding: 3px;
                      text-align: center;
                      line-height: 23px;
                      font-weight: bold;
                      font-style: normal;
                      opacity: 1;
                    }
                  }
                }
              }
            }
            // 消息中心
            .message_center {
              .message_prefix {
                margin: 37px 0px 12px 55px;
                display: flex;
                .p1 {
                  width: 10px;
                  height: 31px;
                  background-color: var(--theme-color);
                  border: none;
                  font-size: 14px;
                  padding: 0px;
                  margin-right: 10px;
                  text-align: center;
                  line-height: 20px;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 22px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 31px;
                  text-decoration: none;
                }
              }
              .messagepos {
                width: 763px;
                margin: 5px auto;
                .ivu-row {
                  width: 763px;
                  height: 37px;
                  background-color: transparent;
                  border-color: rgb(187, 187, 187);
                  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px 0px;
                  border-radius: 2px;
                  padding-left: 20px;
                  .ivu-col-span-20 {
                    .ivu-badge {
                      display: flex;
                      > p {
                        font-family: SourceHanSansSC;
                        font-weight: 400;
                        font-size: 12px;
                        margin-right: 10px;
                        color: rgb(4, 4, 4);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 37px;
                      }
                      > a {
                        font-family: SourceHanSansSC;
                        font-weight: 400;
                        font-size: 12px;
                        color: rgb(4, 4, 4);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 37px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                      }
                    }
                    .unshow {
                      background-color: #ffffff;
                    }
                    .ivu-badge-dot {
                      left: 0px;
                      top: 5px;
                      height: 4px;
                      width: 4px;
                    }
                  }
                  .ivu-col-span-4 > p {
                    line-height: 36px;
                    font-family: PingFangSC;
                    font-weight: 400;
                    font-size: 12px;
                    color: rgb(16, 16, 16);
                    font-style: normal;
                    text-decoration: none;
                  }
                }
              }
              .loading {
                width: 765px;
                height: 26px;
                margin: auto;
                .ivu-btn {
                  border: none;
                  width: 100%;
                  height: 100%;
                  font-family: SourceHanSansSC;
                  background-color: rgb(232, 239, 251);
                  font-weight: 400;
                  font-size: 12px;
                  color: rgb(151, 149, 149);
                  font-style: normal;
                  letter-spacing: 2px;
                  line-height: 18px;
                  text-decoration: underline;
                }
              }
              .pagination {
                text-align: center;
                margin-top: 12px;
              }
            }
            // 我的账户
            .my_account {
              .account_prefix {
                margin: 23px 0px 23px 55px;
                display: flex;
                .p1 {
                  width: 10px;
                  height: 31px;
                  background-color: var(--theme-color);
                  border: none;
                  font-size: 14px;
                  padding: 0px;
                  margin-right: 10px;
                  text-align: center;
                  line-height: 20px;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > a {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 14px;
                  color: var(--theme-color);
                  font-style: normal;
                  letter-spacing: 2px;
                  line-height: 20px;
                  text-decoration: none;
                  padding: 8px 0px 0px 22px;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 22px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 31px;
                  text-decoration: none;
                }
              }
              .ivu-page {
                margin-top: 12px;
                text-align: center;
              }
              .account_information {
                width: 826px;
                margin: auto;
                display: flex;
                .i1 {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 36px;
                  color: rgba(240, 40, 35, 1);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 54px;
                  text-decoration: none;
                }
                > button {
                  width: 60px;
                  height: 25px;
                  cursor: pointer;
                  margin: 18px 66px 0px 27px;
                  background-color: rgb(240, 40, 35);
                  border: none;
                  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px 0px;
                  color: #ffffff;
                  border-radius: 4px;
                  font-size: 14px;
                  text-align: center;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > a {
                  font-family: SourceHanSansSC;
                  font-weight: 400;
                  font-size: 12px;
                  margin: 0px 67px 0px 10px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 60px;
                  text-decoration: none;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 13px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 60px;
                  text-decoration: none;
                }
              }
              .ivu-tabs {
                .ivu-tabs-content {
                  .ivu-tabs-tabpane {
                    .ivu-table-wrapper {
                      margin: auto;
                      .ivu-table {
                        .ivu-table-header {
                          > table {
                            > thead {
                              > tr {
                                > th {
                                  padding: 4px;
                                  font-weight: bold;
                                  text-align: center;
                                  color: rgb(255, 255, 255);
                                  line-height: 20px;
                                  background: var(--theme-color);
                                  font-size: 14px;
                                  justify-content: center;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                    .balance {
                      margin-left: 72px;
                      font-family: SourceHanSansSC;
                      font-weight: 700;
                      font-size: 18px;
                      color: rgb(240, 40, 35);
                      font-style: normal;
                      letter-spacing: 0px;
                      line-height: 27px;
                      text-decoration: none;
                    }
                    .recharge {
                      margin: 15px 0px 20px 55px;
                      font-family: SourceHanSansSC;
                      font-weight: 700;
                      font-size: 16px;
                      color: rgb(16, 16, 16);
                      font-style: normal;
                      letter-spacing: 0px;
                      line-height: 24px;
                      text-decoration: none;
                    }
                    .paymethod {
                      > p {
                        margin: 0px 0px 20px 49px;
                        font-family: SourceHanSansSC;
                        font-weight: 700;
                        font-size: 16px;
                        color: rgb(16, 16, 16);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 24px;
                        text-decoration: none;
                      }
                      .ivu-radio-group {
                        width: 100%;
                        .ivu-radio-wrapper {
                          padding-left: 21px;
                          margin: 5px auto;
                          background-color: rgb(243, 246, 247);
                          border: 1px solid rgb(243, 246, 247);
                          width: 886px;
                          height: 45px;
                          line-height: 45px;
                        }
                      }
                      .terms_service {
                        margin: 67px 0px 0px 47px;
                        .ivu-checkbox-wrapper {
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          line-height: 16px;
                          text-decoration: none;
                          > a {
                            font-family: SourceHanSansSC;
                            font-weight: 700;
                            font-size: 12px;
                            color: rgb(82, 144, 255) !important;
                            font-style: normal;
                            letter-spacing: 0px;
                            line-height: 16px;
                            text-decoration: none;
                          }
                        }
                      }
                      .paysubmit {
                        .ivu-btn {
                          width: 137px;
                          height: 38px;
                          margin: 27px 0px 0px 48px;
                          background-color: var(--theme-color);
                          border: none;
                          color: rgb(255, 255, 255);
                          border-radius: 4px;
                          font-size: 14px;
                          padding: 0px;
                          text-align: center;
                          line-height: 20px;
                          font-weight: bold;
                          font-style: normal;
                          opacity: 1;
                        }
                      }
                      .paytype-box {
                        > img {
                          width: 25px;
                          height: auto;
                          margin: 0 4px;
                        }
                        display: inline-flex;
                        height: 100%;
                        align-items: center;
                        vertical-align: bottom;
                        color: #666;
                        font-size: 16px;
                      }
                    }
                    .camilo {
                      display: flex;
                      margin-left: 53px;
                      > p {
                        margin-right: 27px;
                        font-family: SourceHanSansSC;
                        font-weight: 700;
                        font-size: 18px;
                        color: rgb(16, 16, 16);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 27px;
                        text-decoration: none;
                      }
                      .ivu-input-wrapper {
                        .ivu-input-inner-container {
                          .ivu-input {
                            height: 30px;
                            border-color: rgb(187, 187, 187);
                            border-width: 1px;
                            border-style: solid;
                            font-size: 14px;
                            text-align: left;
                            font-weight: normal;
                            font-style: normal;
                            opacity: 1;
                          }
                        }
                      }
                      .ivu-btn {
                        width: 80px;
                        height: 30px;
                        margin-left: 22px;
                        background-color: var(--theme-color);
                        border: none;
                        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px 0px;
                        color: rgb(255, 255, 255);
                        border-radius: 4px;
                        font-size: 14px;
                        text-align: center;
                        font-weight: bold;
                        font-style: normal;
                        opacity: 1;
                      }
                    }
                    .cardrtail {
                      margin: auto;
                      .ivu-table-wrapper {
                        .ivu-table {
                          .ivu-table-header {
                            > table {
                              > thead {
                                > tr {
                                  > th {
                                    padding: 4px;
                                    font-weight: bold;
                                    // text-align: center;
                                    background: rgb(242, 240, 240);
                                    color: rgb(0, 0, 0);
                                    line-height: 20px;
                                    background-color: rgba(242, 240, 240, 1);
                                    font-size: 14px;
                                    justify-content: center;
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                    .associated {
                      width: 910px;
                      height: 392px;
                      margin: 48px auto;
                      line-height: 20px;
                      border-radius: 2px;
                      color: rgba(16, 16, 16, 1);
                      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
                      border: 1px solid rgba(255, 255, 255, 0);
                      .ass_title {
                        display: flex;
                        width: 100%;
                        height: 42px;
                        border-bottom: 1px solid #d5d4d4;
                        > img {
                          margin: 0px 10px;
                        }
                        > p {
                          line-height: 42px;
                          font-family: SourceHanSansSC;
                          font-weight: 700;
                          font-size: 18px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                        }
                      }
                      .courselist {
                        display: flex;
                        height: 39px;
                        width: 859px;
                        line-height: 39px;
                        margin: auto;
                        border-bottom: 1px solid #eeeded;
                        .c1 {
                          margin-left: 31px;
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          text-decoration: none;
                        }
                        .c2 {
                          margin-left: 570px;
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          text-decoration: none;
                        }
                      }
                    }
                  }
                }
              }
            }
            .my_distribution{
              .distribution_prefix {
                margin: 23px 0px 23px 55px;
                display: flex;
                .p1 {
                  width: 10px;
                  height: 31px;
                  background-color: var(--theme-color);
                  border: none;
                  font-size: 14px;
                  padding: 0px;
                  margin-right: 10px;
                  text-align: center;
                  line-height: 20px;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > a {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 14px;
                  color: var(--theme-color);
                  font-style: normal;
                  letter-spacing: 2px;
                  line-height: 20px;
                  text-decoration: none;
                  padding: 8px 0px 0px 22px;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 22px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 31px;
                  text-decoration: none;
                }
              }
              .user_balance{
                // width: 300px;
                width: 500px;
                margin: 0 auto;
                text-align: center;
                .author{
                  width: 50px;
                  height: 50px;
                  border-radius: 50%;
                  overflow: hidden;
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  -ms-border-radius: 50%;
                  -o-border-radius: 50%;
                  margin: 0 auto;
                  .head{
                    display: block;
                    width: 100%;
                    height: 100%;
                  }
                }
                .money_content{
                    font-family: SourceHanSansSC;
                    font-weight: 700;
                    // font-size: 26px;
                    font-size: 17px;
                    font-style: normal;
                    letter-spacing: 0px;
                    line-height: 50px;
                  .money{
                    color: rgb(240, 40, 35);
                  }
                }
                
                .withdrawal{
                  display: flex;
                  justify-content: space-between;
                  margin-bottom: 10px;
                }
                .share_btn{
                  cursor: pointer;
                  margin: 0 auto 10px;
                  background: var(--theme-color);
                  width: 160px;
                  // width: 100%;
                  height: 30px;
                  border-radius: 5px;
                  color: #ffffff;
                  text-align: center;
                  line-height: 30px;
                  -webkit-border-radius: 5px;
                  -moz-border-radius: 5px;
                  -ms-border-radius: 5px;
                  -o-border-radius: 5px;
                }
              }
              .ivu-page {
                margin-top: 12px;
                text-align: center;
              }
              .account_information {
                width: 826px;
                margin: auto;
                display: flex;
                .i1 {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 36px;
                  color: rgba(240, 40, 35, 1);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 54px;
                  text-decoration: none;
                }
                > button {
                  width: 60px;
                  height: 25px;
                  cursor: pointer;
                  margin: 18px 66px 0px 27px;
                  background-color: rgb(240, 40, 35);
                  border: none;
                  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px 0px;
                  color: #ffffff;
                  border-radius: 4px;
                  font-size: 14px;
                  text-align: center;
                  font-weight: normal;
                  font-style: normal;
                  opacity: 1;
                }
                > a {
                  font-family: SourceHanSansSC;
                  font-weight: 400;
                  font-size: 12px;
                  margin: 0px 67px 0px 10px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 60px;
                  text-decoration: none;
                }
                > p {
                  font-family: SourceHanSansSC;
                  font-weight: 700;
                  font-size: 13px;
                  color: rgb(16, 16, 16);
                  font-style: normal;
                  letter-spacing: 0px;
                  line-height: 60px;
                  text-decoration: none;
                }
              }
              .ivu-tabs {
                .ivu-tabs-content {
                  .ivu-tabs-tabpane {
                    .ivu-table-wrapper {
                      margin: auto;
                      .ivu-table {
                        .ivu-table-header {
                          > table {
                            > thead {
                              > tr {
                                > th {
                                  padding: 4px;
                                  font-weight: bold;
                                  text-align: center;
                                  color: rgb(255, 255, 255);
                                  line-height: 20px;
                                  background: var(--theme-color);
                                  font-size: 14px;
                                  justify-content: center;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                    .balance {
                      margin-left: 72px;
                      font-family: SourceHanSansSC;
                      font-weight: 700;
                      font-size: 18px;
                      color: rgb(240, 40, 35);
                      font-style: normal;
                      letter-spacing: 0px;
                      line-height: 27px;
                      text-decoration: none;
                    }
                    .recharge {
                      margin: 15px 0px 20px 55px;
                      font-family: SourceHanSansSC;
                      font-weight: 700;
                      font-size: 16px;
                      color: rgb(16, 16, 16);
                      font-style: normal;
                      letter-spacing: 0px;
                      line-height: 24px;
                      text-decoration: none;
                    }
                    .paymethod {
                      > p {
                        margin: 0px 0px 20px 49px;
                        font-family: SourceHanSansSC;
                        font-weight: 700;
                        font-size: 16px;
                        color: rgb(16, 16, 16);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 24px;
                        text-decoration: none;
                      }
                      .ivu-radio-group {
                        width: 100%;
                        .ivu-radio-wrapper {
                          padding-left: 21px;
                          margin: 5px auto;
                          background-color: rgb(243, 246, 247);
                          border: 1px solid rgb(243, 246, 247);
                          width: 886px;
                          height: 45px;
                          line-height: 45px;
                        }
                      }
                      .terms_service {
                        margin: 67px 0px 0px 47px;
                        .ivu-checkbox-wrapper {
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          line-height: 16px;
                          text-decoration: none;
                          > a {
                            font-family: SourceHanSansSC;
                            font-weight: 700;
                            font-size: 12px;
                            color: rgb(82, 144, 255) !important;
                            font-style: normal;
                            letter-spacing: 0px;
                            line-height: 16px;
                            text-decoration: none;
                          }
                        }
                      }
                      .paysubmit {
                        .ivu-btn {
                          width: 137px;
                          height: 38px;
                          margin: 27px 0px 0px 48px;
                          background-color: var(--theme-color);
                          border: none;
                          color: rgb(255, 255, 255);
                          border-radius: 4px;
                          font-size: 14px;
                          padding: 0px;
                          text-align: center;
                          line-height: 20px;
                          font-weight: bold;
                          font-style: normal;
                          opacity: 1;
                        }
                      }
                      .paytype-box {
                        > img {
                          width: 25px;
                          height: auto;
                          margin: 0 4px;
                        }
                        display: inline-flex;
                        height: 100%;
                        align-items: center;
                        vertical-align: bottom;
                        color: #666;
                        font-size: 16px;
                      }
                    }
                    .camilo {
                      display: flex;
                      margin-left: 53px;
                      > p {
                        margin-right: 27px;
                        font-family: SourceHanSansSC;
                        font-weight: 700;
                        font-size: 18px;
                        color: rgb(16, 16, 16);
                        font-style: normal;
                        letter-spacing: 0px;
                        line-height: 27px;
                        text-decoration: none;
                      }
                      .ivu-input-wrapper {
                        .ivu-input-inner-container {
                          .ivu-input {
                            height: 30px;
                            border-color: rgb(187, 187, 187);
                            border-width: 1px;
                            border-style: solid;
                            font-size: 14px;
                            text-align: left;
                            font-weight: normal;
                            font-style: normal;
                            opacity: 1;
                          }
                        }
                      }
                      .ivu-btn {
                        width: 80px;
                        height: 30px;
                        margin-left: 22px;
                        background-color: var(--theme-color);
                        border: none;
                        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px 0px;
                        color: rgb(255, 255, 255);
                        border-radius: 4px;
                        font-size: 14px;
                        text-align: center;
                        font-weight: bold;
                        font-style: normal;
                        opacity: 1;
                      }
                    }
                    .cardrtail {
                      margin: auto;
                      .ivu-table-wrapper {
                        .ivu-table {
                          .ivu-table-header {
                            > table {
                              > thead {
                                > tr {
                                  > th {
                                    padding: 4px;
                                    font-weight: bold;
                                    // text-align: center;
                                    background: rgb(242, 240, 240);
                                    color: rgb(0, 0, 0);
                                    line-height: 20px;
                                    background-color: rgba(242, 240, 240, 1);
                                    font-size: 14px;
                                    justify-content: center;
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                    .associated {
                      width: 910px;
                      height: 392px;
                      margin: 48px auto;
                      line-height: 20px;
                      border-radius: 2px;
                      color: rgba(16, 16, 16, 1);
                      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
                      border: 1px solid rgba(255, 255, 255, 0);
                      .ass_title {
                        display: flex;
                        width: 100%;
                        height: 42px;
                        border-bottom: 1px solid #d5d4d4;
                        > img {
                          margin: 0px 10px;
                        }
                        > p {
                          line-height: 42px;
                          font-family: SourceHanSansSC;
                          font-weight: 700;
                          font-size: 18px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                        }
                      }
                      .courselist {
                        display: flex;
                        height: 39px;
                        width: 859px;
                        line-height: 39px;
                        margin: auto;
                        border-bottom: 1px solid #eeeded;
                        .c1 {
                          margin-left: 31px;
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          text-decoration: none;
                        }
                        .c2 {
                          margin-left: 570px;
                          font-family: SourceHanSansSC;
                          font-weight: 400;
                          font-size: 12px;
                          color: rgb(16, 16, 16);
                          font-style: normal;
                          letter-spacing: 0px;
                          text-decoration: none;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .card-classroom {
    > .ivu-tabs-bar {
      display: none;
    }
  }
}
